<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>微金所</title>
    <link rel="stylesheet" href="CSS/base.css">
    <link rel="stylesheet" href="CSS/index.css">
</head>
<body>
    
     <!-- 顶部导航盒子 -->
     <div class="topNav">
        <div class="w">
            <ul>
                <li><a href="#">手机微金所</a></li>
                <li><a href="#">4006-89-4006（服务时间：9:00~21:00)</a></li>
                <li><a href="#">常见问题财富登录</a></li>
                <li><a href="#">免费注册</a><a href="#">登录</a></li>
            </ul>
        </div>
     </div>

     <!-- 主体导航 -->
     <div class="nav">
         <div class="w">
             <ul>
                 <li><a href="#"><img src="images/logo.png"></a></li>
                 <li><a href="#">我要投资</a></li>
                 <li><a href="#">我要投资</a></li>
                 <li><a href="#">我要投资</a></li>
                 <li><a href="#">我要投资</a></li>
                 <li><a href="#">我要投资</a></li>
                 <li><a href="#">微论坛</a></li>
                 <li><a href="#">个人中心</a></li>
             </ul>
         </div>
     </div>

     <!-- 主体广告区域 -->
     <div class="banner">
         <a href="#">
             <img src="images/banner.gif" alt="">
         </a>
     </div>

     <!-- 列表区域 -->
     <div class="lists">
         <div class="w">
              <dl>
                  <dt>投资门槛低，收益高</dt>
                  <dd>100元起投</dd>
                  <dd>最高年化收益率可达15%</dd>
                  <dd>八层安全保障机制</dd>
              </dl>
              <dl>
                  <dt>投资门槛低，收益高</dt>
                  <dd>100元起投</dd>
                  <dd>最高年化收益率可达15%</dd>
                  <dd>八层安全保障机制</dd>
              </dl>
              <dl>
                  <dt>投资门槛低，收益高</dt>
                  <dd>100元起投</dd>
                  <dd>最高年化收益率可达15%</dd>
                  <dd>八层安全保障机制</dd>
              </dl>
         </div>
     </div>

     <!-- 文字区域 -->
     <div class="text">
         <div class="w">
                <p>新标预告：金房宝-房抵项目四十八期，90万，3个月， 10.2%+1%， 月付息到期还本， 四星 距上线：3分</p>
                <p>
                    现在有 395人在排队，累计预约交易成功6918次。 <span>什么是预约投标？</span> 立即预约
                </p>
         </div>
     </div>

     <!-- 底部区域 -->
     <div class="footer">
          <div class="w">

             <!-- 第一个盒子 -->
             <div class="topBox">
                 <ul>
                     <li><a href="#">特别推荐</a></li>
                     <li><a href="#">特别推荐</a></li>
                     <li><a href="#">别推荐</a></li>
                     <li><a href="#">特推荐</a></li>
                     <li><a href="#">特别推荐</a></li>
                     <li><a href="#">别推荐</a></li>
                     <li><a href="#">特别荐</a></li>
                 </ul>
             </div>

             <!-- 第二个盒子 -->
             <div class="tips">
                 是由信贷机构保障的企业借款需求
             </div>

             <!-- 第三个盒子 -->

             <div class="cards">

                <div class="item">
                      <div class="leftItem">
                          <h4 class="pub_color">微收益-本事宝八期</h4>
                          <p>
                              <span class="spec">筹集金额(元) </span> 
                              <span class="spec">信用等级</span>
                          </p>

                          <p>
                              <strong class="pub_color">70万</strong>
                              <strong class="pub_color">9个月</strong>
                          </p>

                          <p class="spec">
                              借款期限投资进度0%
                          </p>

                          <p class="pub_color">
                              9个月
                          </p>
                      </div>
                      <div class="rightItem">
                          <h2>10.5%</h2>
                          <p>年利率</p>
                      </div>
                </div>

                <div class="item">
                      <div class="leftItem">
                          <h4 class="pub_color">微收益-本事宝八期</h4>
                          <p>
                              <span class="spec">筹集金额(元) </span>
                              <span class="spec">信用等级</span>
                          </p>

                          <p>
                              <strong class="pub_color">70万</strong>
                              <strong class="pub_color">9个月</strong>
                          </p>

                          <p class="spec">
                              借款期限投资进度0%
                          </p>

                          <p class="pub_color">
                              9个月
                          </p>
                      </div>
                      <div class="rightItem">
                          <h2>10.5%</h2>
                          <p>年利率</p>
                      </div>
                </div>


                <div class="item">
                       <div class="leftItem">
                           <h4 class="pub_color">微收益-本事宝八期</h4>
                           <p>
                               <span class="spec">筹集金额(元) </span>
                               <span class="spec">信用等级</span>
                           </p>

                           <p>
                               <strong class="pub_color">70万</strong>
                               <strong class="pub_color">9个月</strong>
                           </p>

                           <p class="spec">
                               借款期限投资进度0%
                           </p>

                           <p class="pub_color">
                               9个月
                           </p>
                       </div>
                       <div class="rightItem">
                           <h2>10.5%</h2>
                           <p>年利率</p>
                       </div>
                </div>

                <div class="item">
                        <div class="leftItem">
                            <h4 class="pub_color">微收益-本事宝八期</h4>
                            <p>
                                <span class="spec">筹集金额(元) </span>
                                <span class="spec">信用等级</span>
                            </p>

                            <p>
                                <strong class="pub_color">70万</strong>
                                <strong class="pub_color">9个月</strong>
                            </p>

                            <p class="spec">
                                借款期限投资进度0%
                            </p>

                            <p class="pub_color">
                                9个月
                            </p>
                        </div>
                        <div class="rightItem">
                            <h2>10.5%</h2>
                            <p>年利率</p>
                        </div>
                </div>

                <div class="item">
                         <div class="leftItem">
                             <h4 class="pub_color">微收益-本事宝八期</h4>
                             <p>
                                 <span class="spec">筹集金额(元) </span>
                                 <span class="spec">信用等级</span>
                             </p>

                             <p>
                                 <strong class="pub_color">70万</strong>
                                 <strong class="pub_color">9个月</strong>
                             </p>

                             <p class="spec">
                                 借款期限投资进度0%
                             </p>

                             <p class="pub_color">
                                 9个月
                             </p>
                         </div>
                         <div class="rightItem">
                             <h2>10.5%</h2>
                             <p>年利率</p>
                         </div>
                </div>
             
               
             </div>




          </div>
     </div>
</body>
</html>